<template>
  <h1>A Inner2</h1>
  <!-- 点击该按钮，跳转到 /index/inner1 调用 push path query 以查询字符串的形式传递参数 -->
  <button @click="toInner1">Inner1</button>
</template>
<script setup lang="ts">
// 导入 userRouter hook 函数
import { useRouter } from 'vue-router';
// 创建 router 对象
const router = useRouter()
// 采用编程式跳转
const toInner1 = () => {
  router.push({
    path:'/index/inner1',
    // 路由传参：在调用 push 进行路由跳转时，可以设置路由传参，由源路由传递到目标路由
    // path + query 以查询字符串的形式传参
    query:{
      A:'A',
      a:'a'
    }
  })
}
</script>
<style scoped lang="less">

</style>